body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.app {
  height: calc(100vh - 50px);
  max-height: calc(100vh - 50px);
}

.mock-nav {
  height: 50px;
  width: 100%;
  background-color: #506784;
  display: inline-flex;
  color: white;
}

.mock-nav__label {
  line-height: 50px;
  padding-left: 10px;
}

.mock-nav__select {
  width: 300px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 7px;
}

.open-top .Select__menu {
  top: auto;
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}
.open-top .Select__option {
  color: hsl(0, 0%, 50%);
}
.open-top .Select__option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.open-top .Select__option:last-child {
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}
.open-top .Select.is-open > .Select__option {
  border-top-right-radius: unset;
  border-top-left-radius: unset;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
